<template>
    <div style="width: 500px;height: 197px;display: flex;flex-direction: column;">
        <div style="display: flex;align-items:center;justify-content:space-between;margin-top: 39px;padding-left:53px;padding-right: 54px">
            <img src="../../assets/img/setting/warn.png" style="width: 26px;height: 26px">
            <p style="font-size: 24px;color: rgba(102, 102, 102, 1);">{{which}}尚未完善，是否立即填写</p></div>
        <div style="width:100%;display: flex;justify-content: space-between;margin-top: 42px;padding-left: 80px;padding-right: 80px ">
            <el-button class="not_now_cls" @click="clickNotNow">暂不填写</el-button>
            <el-button class="edit_now_cls" @click="clickEditNow">立即完善</el-button>
        </div>
    </div>
</template>

<script>
  export default {
    name: 'ImproveInfo',
    props: {
      which: {
        type: String,
        default: ''
      }
    },
    methods: {
      clickNotNow() {
        this.$emit('not-now')
      },
      clickEditNow() {
        this.$emit('edit-now')
      }
    }
  }
</script>

<style scoped>
    p {
        font-weight: 400;
        line-height: 30px;
    }

    .not_now_cls {
        width: 155px;
        height: 50px;
        background: rgba(247, 249, 252, 1);
        border: 1px solid rgba(230, 233, 240, 1);
        border-radius: 5px;

        font-size: 24px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
    }

    .edit_now_cls {
        width: 155px;
        height: 50px;
        background: rgba(240, 147, 56, 1);
        border-radius: 5px;

        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
    }
</style>